@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* 按钮 */
  .button-icon {
    @apply bg-[rgb(237,231,246)] text-[rgb(124,77,255)] w-[34px] text-[16px] h-[34px] flex items-center justify-center rounded-[8px] cursor-pointer hover:bg-[rgb(94,53,177)] hover:text-[rgb(237,231,246)];
  }

  /* 主要背景 */
  .bg-container {
    @apply bg-[rgb(238,242,246)];
  }
}
